<template>
    <div class="sponsor_home">
       <h1>全球科技有限公司</h1> 
       <div class="correlation">
          <p>展商：佛山市全球科技有限公司</p>
          <p>展位：琶洲会展中心C区7.2</p>
       </div>
        <div class="content">
          <div>
            <p>
              由优客工场、标准排名联合主办的全球INS大会（World INS Conference）在北京正式启幕宣传。本次大会将聚焦中国众创空间行业，以“创新、共享、连接”为主旨。伴随着此次大会的启幕，由标准排名、腾讯研究院、优客工场联合发布的2016中国众创空间行业年度排名也陆续发布。 
            </p>
           </div> 
           <div class="picture">
             <img src="~images/details_big.png" alt="">
           </div>
        </div>
        <div class="gray"></div>
        <div>
          <div class="headline">主办方活动</div>
          <ul>
            <li>
              <div class="breviary clearfix"><img src="~src/images/details.png" alt=""></div>
              <div class="details ">
                <h2 class="title">点击领取参观入场券：2017北京全球 INS大会主体分享活动</h2>
                <div class="tab">
                  <span>马云</span>
                  <span>腾讯</span>
                  <span>奖品多</span>
                </div>
                <p class="time">2017.09.01 9:00-2017.09.02 9:00</p>
                <p class="address">广交会展馆B区12.1馆
                  <span class="already">已报名</span> 
                </p>
              </div>
            </li>
          </ul>
        </div>
          
    </div>
   
</template>

<script>
    
</script>

<style scoped lang="stylus">
  .sponsor_home
    border-top 1px solid #dddddd 
  .correlation
    margin-top 12px
    text-align center
    p
      font-size 12px
      color #666666
  .content 
     margin-top 15px
     p
       font-size 13px
       padding 0 15px
       text-indent 2em

  h1
    font-size 20px
    font-weight  500
    text-align center
    color #333333
    padding-top 20px 
  .picture
    text-align: center;
    margin-top: 20px;
    img
      width: 100%;
      padding 8px 0
      padding-bottom 12px 
  .gray
    background-color #F2F2F2
    height 10px
   .headline
      height 39px
      border-bottom 1px solid #E5E5E5
      font-size 15px
      line-height 39px 
   ul
     li 
       display flex
       flex-flow row
       padding 0.2415rem 0.3623rem
       border-bottom 0.0242rem solid #DDDDDD
       position relative 
       background-size 100% 100%
       .breviary
         width 2.4155rem
         height 2.4155rem
         img
            width 100%
            height 2.4155rem
            border 0.0242rem solid #ddd
       .details
          flex  1
          padding-left  0.2899rem
          h2
            font-size 0.3382rem
            padding-right 0.3382rem
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
          .tab
            font-size 12px
            margin-top 0.1208rem
            span 
              display: inline-block;
              border: 1px solid #999;
              padding: 0rem 7px
              text-align: center;
              border-radius: 0.2174rem;
              color: #666;
              padding-bottom: 1px;
          .time
            font-size 0.2899rem
            color #999999
            margin-top 0.0966rem
          .address
            font-size 0.3382rem
            margin-top 0.0483rem
            position relative
          .already
            font-size: 0.2899rem;
            color: #0da4dc;
            position: absolute;
            bottom: 0rem;
            right: 0rem;
  
</style>

